<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<h:outputStylesheet library="bootstrap" name="css/bootstrap.min.css" />
	<h:outputScript library="bootstrap" name="js/bootstrap.js" />	
	<h:outputScript library="bootstrap" name="js/jquery.js" />
<title>JSF 2 examples</title>
</h:head>
<h:body>
	<h1>JSF 2 textbox, secra exmaple</h1>
	<table class="table table-bordered table-striped">
	<tr>
		<td>Username :</td>
		<td><h:outputText value="#{userBean.userName}" /></td> 	
	</tr>
	<tr>
	<td>Password : </td><td><h:outputText value="#{userBean.password}" /></td>
	</tr>
	<tr>
	<td>Address : </td><td><h:outputText value="#{userBean.address}" /></td>
	</tr>
	<tr><td>userBean.rememberMe</td><td>#{userBean.rememberMe}</td></tr>
	<tr>
		<td>Mutiple checkboxes:Hard-coded with "f:selectItem"</td>
		<td>#{userBean.favNumber1InString}</td>
	</tr>
	<tr>
		<td>Mutiple checkboxes:Generated by Array</td>
		<td>#{userBean.favNumber2InString}</td>
	</tr>	
	<tr><td>Mutiple checkboxes:Generated by Map</td>
		<td>#{userBean.favNumber3InString}</td>
	</tr>
	<tr><td>Mutiple checkboxes:Generated by Object with var</td></tr>
	
	
	</table>
</h:body>
</html>